<template>
	<div>
		<el-input-number
			v-model="componentVal"
			:min="FieldItem?.attrs.min"
			:max="FieldItem?.attrs.max"
			:disabled="FieldItem?.attrs.disabled"
			:step="FieldItem?.attrs.step"
			:step-strictly="FieldItem?.attrs['step-strictly']"
			:precision="FieldItem?.attrs.precision"
			:controls-position="FieldItem?.attrs['controls-position']"
		/>
	</div>
</template>

<script setup lang="ts">
// 计数器组件
import { TabFieldType } from '/@/components/Linxyun/custom/DataStructs/commontype';
import { useVModel } from '@vueuse/core';
const props = withDefaults(
	defineProps<{
		modelValue: number;
		FieldItem: TabFieldType | null;
	}>(),
	{
		modelValue: 0,
		FieldItem: null,
	}
);
const { FieldItem } = toRefs(props);
console.log('numbernumbernumber', FieldItem.value);
const emit = defineEmits(['update:modelValue']);
const componentVal = useVModel(props, 'modelValue', emit);
</script>

<style lang="scss" scoped></style>
